/*样式初始化*/
html{overflow:auto;overflow-y:scroll;height:100%; }
body{font-size:14px; color:#333;background:#fff;font-family:microsoft yahei;}
*{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-padding-start:0px;}
a{text-decoration:none;}
a:hover{text-decoration:none;color: #1951ae}
a:active{text-decoration:none;color: #1951ae}
a:focus{text-decoration:none;color: #1951ae}
ul,li{list-style:none;margin:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;font-family:microsoft yahei;}
img{max-width: 100%;}
.clear{clear: both;}
#dituContent{ width: 100%; border: 1px solid #cdcdcd; height: 600px;}
.navbar{background:none;margin:0; }
.navbar-default{border:none;}
.navbar-collapse{max-height: 100%!important;}
.container{padding:0;}
.container-fluid{padding:0;}
.row{margin:0;}
.tz-gallery{padding:0;}
@media(min-width: 1200px){
.no-padding-lt{padding-left:0;}
.no-padding-rt{padding-right:0;}
.no-padding{padding:0;}
}
/*header*/
.header{overflow: hidden;width:100%;}
.header .navbar{float: left;width:100%;}
.h-mid{width:100%;float: left;background: #fff;border-top:solid 3px #70b92c;}
.h-logo{margin:10px 0}
.h-tel{float: right;display: none;width:100%;}
.h-tel p{background: url(../Image/header-top.jpg) center no-repeat;width:100%;height: 38px;color: #fff;text-align: center;padding:7px 0;}
.h-tel p a{color: #fff;}
.h-tel p a:hover{color: #002f5f;}
.h-tel > img{float: right;margin:10px 15px 10px 0;}
#h-nav{width:100%;background: #333333;line-height: 50px;}
#h-nav li{float: left;padding:0;border-left:solid 1px #fff;}
#h-nav li a{color: #70b92c;text-align: center;display: block;height: 40px;padding:0;border-bottom: dashed 1px #8f8f8f;width:100%;line-height: 40px;float: left;}
#h-nav li a:hover{color: #002f5f;}
@media(min-width: 768px){
.header{position: relative;}
.h-tel{display: block;}
.h-tel p{display: none;}
.h-tel > img{float: right;margin:15px;}
#h-nav{width:100%;float: left;background: #002f5f;font-size: 16px;overflow: hidden;display: block;}
#h-nav li{border-left:solid 1px #fff;}
#h-nav li a{border:none;width:25%;height:50px;line-height:50px;color: #fff;border-right:solid 1px #fff;border-bottom:solid 1px #fff;}
#h-nav li a:hover{color: #ffffff;background: #70b92c;}
}
@media (min-width: 992px){
.h-logo{margin:25px 0;}
.h-tel{width:352px;}
.h-tel p{display: block;}
#h-nav li{border-left:none;}
#h-nav li a{height:50px;line-height:50px;border-bottom: none;}
#h-nav li .on{border-left:solid 1px #fff;}
}
/*banner*/
.banner{width:100%;float: left;overflow: hidden;}
.banner .swiper-slide img{width:100%;height: auto;}
@media(min-width:768px){
.banner{margin-top:0px }
}
/*gg*/
.gg{width:100%;float:left;height: 50px;background: #e5e5e5;}
.gg-left{width:100%;float:left;}
.gg-left-top{width:100%;float:left;background: url(../Image/gg-icon.png) left center no-repeat;padding-left: 55px;height: 50px;}
.gg-left-top .bd{height: 50px;float: left;width:100%;box-sizing: content-box;}
.gg-left-top .bd ul{height: 50px!important;float: left;box-sizing: content-box;}
.gg-left-top .bd li{float: left;width:100%;height: 50px;}
.gg-left-top .bd li h1{width:400px;float:left;height: 50px;line-height: 50px;overflow: hidden;color: #333333;font-weight: bold;font-size: 16px;}
.gg-left-top .bd li p{float: right;line-height: 50px;color: #333333;display: none;}
.gg-left-top .bd li:hover h1{color: #0065ca;}
.gg-right{float: right;background: url(../Image/gg-icon2.png) left center no-repeat;height: 50px;line-height: 50px;padding-left: 45px}
.gg-right span{color: #70b92c;font-size: 24px;font-weight: bold;float: right;}
.gg-right2{float: right;background: url(../Image/gg-icon2.png) left center no-repeat;height: 50px;line-height: 50px;padding-left: 45px}
.gg-right2 span{color: #70b92c;font-size: 24px;font-weight: bold;float: right;}
@media(min-width: 768px){
.gg-left-top .bd li p{display: block;}
}
@media(min-width: 992px){
.gg-right{display: none;}
.gg-right2{display: block;}
}
@media(min-width: 1200px){
.gg-right{display: block;}
.gg-right2{display: none;}
}
/*m-pro*/
.m-pro{width:100%;float: left;}
.m-pro-hd{width:100%;float: left;text-align: center;padding:25px 15px;}
.m-pro-hd img{position: relative;z-index: 1}
.m-pro-hd hr{margin-top: -42px;border-top: solid 1px #8b8b8b;}
.m-pro-md{width:100%;float:left;text-align: center;}
.m-pro-md a{width:100%;text-align: center;height: 36px;line-height: 36px;font-size: 16px;color: #fff;background: #003c78;margin:15px 0 0;display: inline-block;}
.m-pro-md a:hover{background: #70b92c;}
.m-pro-bd{width:100%;float: left;overflow: hidden;margin-top: 25px}
.m-pro-right{padding:0;}
.m-pro-right li{text-align: center;border:solid 1px #fff;margin-bottom: 20px}
.m-pro-right li img{width:100%;object-fit: cover; height: 200px;}
.m-pro-right li h1{width:100%;height: 40px;line-height: 40px;text-align: center;color: #fff;background: #003c78;font-size: 16px;}
.m-pro-right li:hover h1{background: #70b92c}
.m-pro-right li:hover{border-color: #70b92c;}
@media(min-width: 1200px){
.m-pro-hd{padding:25px 0px;}
}
/*m-ad*/
.m-ad{width:100%;background: #154c82;float: left;padding: 30px 0;}
.m-ad-left{width:100%;float: left;background: #cfdae5;padding:31px 28px;box-sizing: border-box;}
.m-ad-left a{width:100%;float: left;background: #003c78;text-align: center;line-height: 32px;color: #fff;display: block;}
.m-ad-left a:hover{background: #70b92c;}
.m-ad-left h1{width:100%;float: left;color: #333333;font-size: 14px;margin:20px 0;padding:0px 15px;}
.m-ad-left h2{width:100%;float: left;color: #70b92c;font-family: Impact;padding:0px 15px;font-size: 30px;}
.m-ad-right{width:100%;float: left;}
.m-ad-right h1{width:100%;float: left;font-size: 18px;color: #fff;line-height: 36px}
.m-ad-right h2{width:100%;float: left;font-size: 20px;color: #fff;font-weight: bold;margin:15px 0;line-height: 28px}
.m-ad-right h3{width:100%;float: left;font-size: 14px;color: #70b92c;font-weight: bold;background: #e6ecf2;text-align: center;padding:8px 16px; margin-top:6px; }
label{ max-width: none; }
@media(min-width: 768px){
.m-ad{height: 255px;background: url(../Image/m-ad-bg.jpg) center no-repeat #fff; padding: 20px 0 20px;}
.m-ad-left{padding:37px 20px;}
.m-ad-left h2{font-size: 25px}
.m-ad-right{padding:30px 0;}
.m-ad-right h1{font-size: 18px;}
.m-ad-right h2{font-size: 25px;}
.m-ad-right h3{height: 35px;line-height: 35px;padding:0;}
}
@media(min-width: 992px){
.m-ad-left h2{font-size: 25px}
.m-ad-right{padding:50px 0 30px;}
.m-ad-right h2{font-size: 30px;}
.m-ad-right h3{width:585px;font-size: 14px;}
}
@media(min-width: 1200px){
.m-ad-left{padding:31px 28px;}
.m-ad-left h1{font-size: 14px;}
.m-ad-left h2{font-size: 30px}
}
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px;}
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: #237ed2; background: #237ed2;}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../Image/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../Image/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../Image/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../Image/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}
/*m-youshi*/
.m-youshi{width:100%;float: left;margin-top: 30px;}
.m-youshi-left{float: left;width:100%;background: url(../Image/m-youshi-left2.jpg) left bottom no-repeat;padding-bottom: 24px;}
.m-youshi-left .hd{width:100%;float: left;height: 60px;background: #70b92c;font-size: 24px;color: #fff;font-weight: bold;position: relative;z-index: 1;line-height: 60px;}
.m-youshi-left .hd span{color: #fcfe4f}
.m-youshi-left .bd{width:100%;background: #ebebeb;float: left;padding:40px;box-sizing: border-box;margin-top: -45px;}
.m-youshi-left .bd li{width:100%;float: left;border-bottom:dashed 1px #555;padding: 10px 0;}
.m-youshi-left .bd li .left{font-size: 40px;color: #70b92c;font-family: Impact;font-style:italic;float: left;width:60px;text-align: center;line-height: 80px;display: none;}
.m-youshi-left .bd li .right{float: right;}
.m-youshi-left .bd li .right h1{width:100%;float:left;font-size: 20px;color: #ff8600;font-weight: bold;line-height: 36px;}
.m-youshi-left .bd li .right p{width:100%;float:left;font-size: 14px;color: #666666;line-height: 24px;}
.m-youshi-right{width:100%;float: left;overflow: hidden;padding:24px;box-sizing: border-box;margin-top: 15px;background: url(../Image/m-youshi-right.jpg) right bottom no-repeat #70b92c;}
.m-youshi-right .hd{width:100%;float: left;overflow: hidden;background: url(../Image/m-case-hd.jpg) left center no-repeat;height: 40px;}
.m-youshi-right .hd a{width:40px;height: 40px;float:right;overflow: hidden;background: url(../Image/m-case-more.jpg) center no-repeat ;display: block;}
.m-youshi-right .bd{width:100%;float:left;margin-top: 10px;padding-bottom: 20px;}
.m-youshi-right .bd .carousel-indicators {top:10px;}
.m-youshi-right .bd img{width:100%;object-fit: cover;border:solid 2px #fff;}
.m-youshi-right .bd h1{width:100%;float: left;text-align: center;color: #fff;font-size: 16px;line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-youshi-right .bd p{width:100%;float: left;color: #fff;line-height: 24px;font-size: 14px;overflow: hidden;}
.m-youshi-right .bd .btn{width:100%;float: left;text-align: center;padding:0;}
.m-youshi-right .bd .btn a{width:103px;height:30px;text-align: center;font-size: 14px;color: #fff;line-height: 30px;display: inline-block;margin:15px 10px;border:solid 1px #fff;}
.m-youshi-right .bd .btn .btn1{margin-left: 0}
.m-youshi-right .bd .btn .btn2{margin-right: 0}
.m-youshi-right .bd .btn a:Hover{background: #003c78;border:solid 1px #003c78;}
@media(min-width: 768px){
.m-youshi-left .hd{background: url(../Image/m-youshi-left1.png) left no-repeat;margin-left: -30px;text-indent: 40px;line-height: 40px;width:560px;}
.m-youshi-left .bd li .left{display:block; }
.m-youshi-left .bd li .right{width:560px;}
}
@media(min-width: 992px){
.m-youshi .no-padding-lt{padding-left: 0;}
.m-youshi .no-padding-rt{padding-right: 0;}
.m-youshi-right .bd p{height:207px; }
.m-youshi-right .bd .btn a{width:77px;}
}
@media(min-width: 1200px){
.m-youshi-left .bd li .right{width:710px;}
.m-youshi-right .bd p{height: 140px}
.m-youshi-right .bd .btn a{width:103px;}
}
/*m-pro*/
.m-fac{width:100%;float: left;}
.m-fac-hd{width:100%;float: left;text-align: center;padding:35px 15px;}
.m-fac-hd img{position: relative;z-index: 1}
.m-fac-hd hr{margin-top: -34px}
.m-fac-hd h1{font-size: 14px;color: #999999;text-align: center;width:100%;margin-top: 40px;}
.m-fac-bd{width:100%;float: left;overflow: hidden;}
.m-fac-bd li{width:270px;float: left;margin:0 15px;}
.m-fac-bd li img{width:100%;float: left;height: 202px;object-fit: cover;}
.m-fac-bd li h1{width:100%;float: left;text-align: center;font-size: 16px;color: #454545;line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-fac-bd li:hover h1{color: #75bc33;}
/*m-com*/
.m-com{width:100%;float: left;background: #77bf35;padding:45px 0;margin:15px 0 0; }
.m-com-left .hd{width:100%;float: left;}
.m-com-left .hd h1{width:100%;float: left;font-size: 30px;color: #fff;font-weight: bold;background: url(../Image/m-com-line.png) left bottom no-repeat;height: 60px;}
.m-com-left .hd h2{width:100%;float: left;font-size: 18px;color: #fff;line-height: 30px;margin:15px 0;}
.m-com-left .hd p{width:100%;float: left;font-size: 14px;color: #fff;line-height: 30px;overflow: hidden;}
.m-com-left .bd{width:100%;float: left;text-align: left;}
.m-com-left .bd a{width:90px;height: 90px;display: inline-block;border:solid 1px #fff;margin:15px 5px;}
.m-com-left .bd a span{width:45px;height:45px;display: block;margin:8px auto;}
.m-com-left .bd .btn1 span{background:url(../Image/m-com-icon1.png);}
.m-com-left .bd .btn2 span{background:url(../Image/m-com-icon2.png);}
.m-com-left .bd .btn3 span{background:url(../Image/m-com-icon3.png);}
.m-com-left .bd a h1{font-size: 14px;color: #fff;text-align: center;}
.m-com-left .bd a:hover{border-color: #004080;}
.m-com-left .bd a:hover h1{color: #004080;}
.m-com-right{margin-top: 30px}
.m-com-right .right{width:100%;border: solid 1px #fff;padding:8px;}
.m-com-right .right li{text-align: center;padding:0;}
.m-com-right .right li .img{border: solid 1px #fff;margin:8px; height: 163px; }
.m-com-right .right li .img img{object-fit: contain; width:100%; height: 100%; background: #fff; }
@media(min-width: 768px){
.m-com-left .bd a{margin:15px;}
.m-com-right{background: url(../Image/m-com-right.png) left center no-repeat/33px 100%;padding-left: 50px;}
}
@media(min-width: 992px){
.m-com{background: url(../Image/m-com-bg.jpg) center top no-repeat ; }
.m-com-left{padding:0;}
.m-com-left .hd{width:95%;}
.m-com-left .hd p{height: 90px}
.m-com-right{background: url(../Image/m-com-right.png) left center no-repeat/22px 100%;padding-left: 50px;padding-right: 0;margin-top: 0}
}
@media(min-width: 1200px){
.m-com-left .hd{width:90%;}
.m-com-left .hd p{height: auto;}
.m-com-right{background: url(../Image/m-com-right.png) left center no-repeat/28px 100%;}
}
/*m-news*/
.m-news{width: 100%; background-color: #e3e6eb; margin-top: 30px; overflow: hidden;}
.m-news .hd{text-align: center; padding:60px 0px;}
.m-news .bd{ width: 1200px; margin:0 auto; height:300px; overflow: hidden; }
.m-news .bd ul {margin-top: 0px;}
.m-news .bd ul li { width: 570px; float: left; margin: 25px 15px 15px 15px; height: 85px; color: #fff; overflow: hidden;}
.m-news .bd ul li .left{width: 70px; float: left; text-align: center; border:1px solid #013f96; padding-top: 10px; color: #013f96;}
.m-news .bd ul li .left .l-hd{ font-size:37px;}
.m-news .bd ul li .left .l-bd{ font-size:14px; padding:3px; margin-top: 5px;}
.m-news .bd ul li .right{width:480px; float: right; font-size: 12px; color: #333333;}
.m-news .bd ul li .right h1{ font-size: 14px; font-weight: 700; color: #333333;}
.m-news .bd ul li .right .content a{ color:#e00024;}
/*footer*/
.footer{width:100%;float: left;margin:0 0 52px 0;}
.f-hd{width:100%;text-align: center;height: 50px;border-top:solid 1px #cecece;}
.f-hd .container{border-bottom:solid 1px #cecece; }
.f-hd a{width:20%;text-align: center;font-size: 16px;color: #333;display:block;border-right:solid 1px #cecece;line-height: 50px;float: left;height: 48px;border-bottom: solid 3px #fff;}
.f-hd .on{border-left:solid 1px #cecece;}
.f-hd .on1{border-left:solid 1px #cecece;}
.f-hd .on2{border-bottom:solid 1px #cecece;}
.f-hd a:hover{color: #002f5f;border-bottom: solid 3px #002f5f;}
.f-bd{width:100%;float: left;margin-top: 25px}
.f-bd p{float: left;line-height: 30px;color: #666666;margin:26px 15px;}
.f-link{width:100%;float: left;border:solid 1px #cecece;border-radius: 5px;margin-top: 10px}
.f-link .lt{width:100%;float: left;background: url(../Image/f-link-icon1.jpg) 10px center no-repeat #f8f8f8;padding:12px 12px 12px 68px;height: 80px;}
.f-link .lt h1{width:100%;float: left;font-size: 18px;color: #454545;margin: 8px 0 5px;}
.f-link .lt h2{width:100%;float: left;font-size: 14px;color: #0f973d;}
.f-link .rt{width:100%;float: right;overflow: hidden;padding:10px 20px;}
.f-link .rt li{width:20%;float: left;background: url(../Image/f-link-icon2.jpg) left center no-repeat; text-indent: 25px;height: 30px;line-height: 30px;color: #999999;}
.f-link .rt li:hover{color: #3bb35b;}
.f-right{border:solid 1px #cecece;padding:10px;}
@media(min-width: 768px){
.footer{margin:0;}
.f-link .lt{width:100%;}
.f-link .rt{width:100%;}
.f-link .rt li{width:20%;}
}
@media(min-width: 992px){
.footer{margin: 0;}
.f-hd{border-bottom:solid 1px #cecece;}
.f-hd .container{border-bottom:none; }
.f-hd a{width:12.5%;}
.f-hd .on1{border-left:none;}
.f-hd .on2{border-bottom:none;}
.f-link{width:100%;}
.f-link .lt{width:214px;}
.f-link .rt{width:560px;}
.f-link .rt li{width:104px;}
.f-bd p{margin:-50px 15px 26px;}
}
@media(min-width: 1200px){
.f-link{width:90%;}
.f-link .rt{width:630px;}
.f-link .rt li{width:115px;}
.f-bd p{margin:-80px 15px 26px;}
}
.down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: block; z-index: 333; }
.down li{width: 24.7%;border-right: solid 1px #ffffff;text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px;}
.down li a{color: #ffffff;}
.down .current{border-right: none;}
.down li img{max-width: 25px;height: 25px;}
@media(min-width: 768px){
.down{display: none;}
}
/*sidebar*/
.sidebar{width:100%;overflow: hidden;}
.s-hd{width:100%;float: left;text-align: center;background: url(../Image/s-hd-bg.jpg) center no-repeat; background-size:contain;padding:34px 0;}
.s-bd{width:100%;float: left;background: linear-gradient(#0065ca, #002f5f);border-radius: 4px;padding:10px;box-sizing: border-box;margin-top: 10px}
.s-bd ul{width:100%;border:solid 1px #fff;padding:20px 18px;}
.s-bd ul li{width:100%;height: 32px;background:#336ea9;line-height: 32px;text-align: center;font-size: 16px;color: #fff;margin-bottom: 28px}
.s-bd ul li:hover{background: #70b92c;}
.s-con{width:100%;float: left;margin-top: 33px;}
.s-con .hd{width:100%;float: left;text-align: center;background: url(../Image/s-hd-bg.jpg) center no-repeat; background-size:contain;padding:34px 0;}
.s-con .bd{width:100%;float: left;border:solid 1px #eee;text-align: center;padding:10px;}
.s-con .bd p{width:100%;float: left;color: #666666;line-height: 30px;font-size: 14px;text-align: left;padding:10px; }
/*list*/
.list{width:100%;float: left;padding:24px 0;overflow: hidden;}
.l-hd{width:100%;float: left;overflow: hidden;}
.l-hd li{float: left;overflow: hidden;}
.l-hd li a{overflow: hidden;width:100%;padding:10px 0;display: inline-block;border:solid 1px #00356a;color: #00356a;font-size: 16px;border-radius: 5px;text-align: center;}
.l-hd li a:hover{background: #70b92c;color: #ffffff;border:solid 1px #70b92c;}
.l-right{overflow: hidden;}
.l-right-hd{width:100%;float: left;background: #fff;padding:15px 0;}
.l-right-hd .hd{width:100%;background: url(../Image/l-right-hd-line.jpg) center 18px no-repeat;height: 70px;text-align: center;}
.l-right-hd span{background: #fff;padding:0 15px;display: inline-block;color: #002f5f;font-size: 36px;font-family: 黑体;}
.l-right-hd h2{width:100%;font-size: 26px;color: #bcbcbc;text-transform: uppercase;}
.l-right-hd .bd{width:95%;text-align: right;font-size: 14px;color: #999999;line-height: 50px;}
.l-right-hd .bd a{color: #999999;}
.l-right-hd .bd a:Hover{color: #0060c0;}
.l-right-bd{overflow: hidden;line-height: 260%;padding:20px;font-size: 110%;border:solid 1px #f5f5f5;}
.page{width:100%; margin: 15px 0;}
.tz-gallery{padding:0;}
@media(min-width: 1200px){
.list .container{padding:0;}
}
#prev_next{width:100%;float: left;margin-top: 30px;}
#prev_next li{width:100%;float: left;padding:0 10px; background: #eeeeee;margin-top:5px;line-height: 260%;}
#prev_next li a{color: #666666;}
#prev_next li:hover a{color: #fff;background: #70b92c;}
#prev_next li:hover{background: #70b92c;color: #fff}
/*产品内页样式*/
.l-right-hd{width:100%;float: left;overflow: hidden;}
.l-right-hd .lt{text-align: center;width:100%;float: left;overflow: hidden;}
.l-right-hd .lt img{width:100%;height: }
.l-right-hd .rt{width:100%;float: left;overflow: hidden;color: #555555;}
.l-right-hd .rt h1{width:100%;float: left;overflow: hidden;font-size: 24px;font-weight: bold;border-bottom:solid 1px #555555;padding:15px 0;text-align: center;}
.l-right-hd .rt p{line-height: 30px;margin: 15px 0 30px;float: left;overflow: hidden;height: 150px;display: none;width:100%;}
.l-right-hd .rt a{color: #ffffff;font-size: 24px;padding:10px 30px;display: none;background: #df354f;float: left;}
@media(min-width: 768px){
.l-right-hd .rt h1{text-align:left;}
.l-right-hd .rt p{display: block;}
}
@media(min-width: 992px){
/*.l-right-hd .lt img{height: 296px;object-fit: cover;}*/
}
@media(min-width: 1200px){
.l-right-hd .rt a{display: block;}
.l-right-hd .rt a:hover{border:solid 1px #df354f;color: #df354f;background: none;}
}
.l-right-bd{width: 100%;float: left;overflow: hidden;}
.l-right-bd .hd{width:100%;float: left;overflow: hidden;}
.l-right-bd .hd .all-pic{height: 360px;}
.l-right-bd .title{width: 100%;float: left;overflow: hidden;background: #f0f1f2;}
.l-right-bd .title span{padding:3px 5%;display: block;font-size: 16px;color: #ffffff;background: #2b7ae8;float: left;}
.l-right-bd .content{line-height: 260%;padding:15px;min-height: 400px;}
.l-right-bd .content .pro-xg li h1{text-align: center;font-size: 14px;color: #555555;line-height: 40px;}
.l-right-bd .swiper-container {
width: 100%;
height: 240px;
margin-left: auto;
margin-right: auto;
}
.l-right-bd .swiper-slide {
background-size: cover;
background-position: center;
}
.l-right-bd .gallery-top {
height: 240px;
width: 100%;
border:solid 5px #e5e5e5;
}
.l-right-bd .gallery-thumbs {
height: 70px;
box-sizing: content-box;
padding: 10px 0;
}
.l-right-bd .gallery-thumbs .swiper-slide {
height: 100%;
opacity: 0.4;
border:solid 5px #e5e5e5;
}
.l-right-bd .gallery-thumbs .swiper-slide-active {
opacity: 1;
}
@media(min-width: 768px){
.l-right-bd .hd .all-pic{height: 420px;}
.l-right-bd .swiper-container {height: 296px;}
.l-right-bd .gallery-top {height: 296px;}
.l-right-bd .gallery-thumbs {height: 90px;}
}
/*新闻首页样式*/
.list-news{min-height: 100px;height: auto; }
.list-news li{height:50px; line-height: 50px; border-bottom: 1px dotted #bbb; padding:0 1%; width:100%;}
.list-news li span{float: right;}
.list-news li a{color: #595959;width:65%;height: 50px;overflow: hidden;display: block;float: left;}
.list-news li:hover{background-color: #eee;}
/*新闻内页*/
.p-img{ width: 100%; padding: 5px 0 15px 0; text-align: center; color:#888787; font-size: 14px; }
.p-img h1{ font-size: 27px; color: #5f5f5f;margin-bottom: 15px;}
.p-fgx{width: 100%; border-bottom:dotted 1px #868686;margin-top: 5px;}
.p-content{ width: 100%; margin: 0 auto; overflow: hidden;}
.p-content .title{ width: 100%; height:30px; overflow: hidden; background-color: #f0f0f0;}
.p-content .title h2{ width: 100px; text-align: center; height: 30px; overflow: hidden; color: #fff; font-size: 15px; line-height: 30px; font-weight: 700; background: #2f6db2;}
.p-content .nr{ width: 98%; margin: 0 auto; line-height: 260%; padding: 15px 0 50px 0; overflow: hidden;}
/*产品列表页*/
.pro{overflow: hidden;float: left;width:100%;}
.pro li{margin-bottom: 15px;text-align: center;}
.pro li img{border:solid 1px #cccccc;object-fit: cover;height: 200px;}
.pro li h1{font-size: 16px;line-height: 40px;text-align: center;color: #333333;height: 40px;overflow: hidden;width:100%;}
.pro li h1{font-size: 16px;line-height: 40px;text-align: center;color: #333333;}
.pro li:hover h1{color: #f39800;}
.pro li:hover img{border:solid 1px #f39800;}
/*产品内页样式*/
.l-right-bd .hd{width:100%;float: left;overflow: hidden;}
.l-right-bd .hd .lt{text-align: center;width:100%;float: left;overflow: hidden;}
.l-right-bd .hd .rt{width:100%;float: left;overflow: hidden;color: #555555;}
.l-right-bd .hd .rt h1{width:100%;float: left;overflow: hidden;font-size:18px;font-weight: bold;background: #eeeeee;font-size:#454545;height: 40px;text-indent: 10px;line-height: 40px;}
.l-right-bd .hd .rt p{line-height: 30px;margin: 15px 15px 30px;float: left;overflow: hidden;height: 150px;display: none;}
.l-right-bd .hd .rt a{color: #ffffff;font-size: 20px;display: block;background: url(../Image/proinfo-btn.jpg) center;float: left;height: 44px;width:142px;text-align: center;margin:25px 0 0 70px;}
.l-right-bd .hd .rt .proinfo-tel{float: left;}
.l-right-bd .hd .rt .proinfo-tel span{float: left;color: #333333;font-size: 14px;}
.l-right-bd .hd .rt .proinfo-tel h2{float: left;color: #192e88;font-size: 22px;line-height: 30px;padding-top: 6px;}
@media(min-width: 768px){
.l-right-bd .hd .rt .proinfo-tel{float: left;width:100%;}
.l-right-bd .hd .rt h1{text-align:left;}
.l-right-bd .hd .rt p{display: block;}
}
@media(min-width: 992px){
}
@media(min-width: 1200px){
.l-right-bd .hd .rt a:hover{background: #70b92c;border-radius: 5px}
}
.l-right-bd .bd{width: 100%;float: left;overflow: hidden;}
.l-right-bd .bd .title{width: 100%;float: left;overflow: hidden;background: #f0f1f2; margin-bottom: 15px; }
.l-right-bd .bd .title span{padding:1px 4%;display: block;font-size: 16px;color: #ffffff;background: #002f5f;float: left;}
.l-right-bd .bd .content{line-height: 260%;padding:15px;min-height: 200px;}
.l-right-bd .bd .content .pro-xg ul{height: 220px}
.l-right-bd .bd .content .pro-xg li{width:240px;float: left;height:220px;margin-right: 15px; }
.l-right-bd .bd .content .pro-xg li img{width:240px;float: left;height:180px;object-fit: cover;}
.l-right-bd .bd .content .pro-xg li h1{text-align: center;font-size: 14px;color: #555555;line-height: 40px;width:100%;float: left;}
.l-right-bd .bd .content .pro-xg li:hover h1{color: #f39800;}
/*产品详情页表单*/
.proinfo-message{width:100%;float: left;overflow: hidden;}
.proinfo-message .title{width:100%;float: left;overflow: hidden;height: 40px;background: #eeeeee;line-height: 40px;}
.proinfo-message .title h1{color: #002f5f;font-size: 16px;font-weight: bold;text-indent: 15px;line-height: 40px;display: inline-block;}
.proinfo-message .title p{float: right;font-size: 12px;color: #666666;margin-right: 15px;width:80px;}
.proinfo-message .title p span{color: #ff0000;background: none;}
.proinfo-message .content{padding:20px;float: left;width:100%;}
.proinfo-message .content .form-group span{color: #ff0000;background: none;}
.proinfo-message .control-label{font-weight: normal;padding-top: 0;font-size: 12px;}
.proinfo-message .form-control{height: 40px;}
.proinfo-message .submit{padding:6px 35px;background: #70b92c;color: #fff;margin-right: 10px}
.proinfo-message .submit:Hover{background: #2c2c2c;}
/* message styles */
.message{width:100%;float: left;overflow: hidden;margin-left: 5px;}
.message ul{
overflow: hidden;
}
.message li{
float: left;
margin:10px 0;
}
.message input {
position: relative;
display: block;
float: left;
padding:0 15px;
width: 100%;
border: solid 1px #cccccc;
border-radius: 0;
background: #fff;
color: #0075c5;
font-weight: bold;
border-radius: 5px
}
.message textarea {
position: relative;
display: block;
float: left;
padding:.5em;
width: 100%;
border: solid 1px #cccccc;
border-radius: 0;
background: #fff;
color: #0075c5;
font-weight: bold;
resize:none;
border-radius: 5px
}
.message textarea:focus {
outline: none;
}
.message input:focus {
outline: none;
}
.message #submit{
height: 35px;
line-height: 35px;
padding:0;
color: #fff;
background: #0061c2;
cursor: pointer;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.message #submit:hover{
background: #70b92c;
}
/* go top */
.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}
.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:#18b799;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }
.plugin-fixed-call .child:hover{width:160px;background: #000;}
.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}
.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}
.plugin-fixed-call .fixedQQ{bottom:92px;}
.plugin-fixed-call .fixedCall{bottom:46px;}
.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:#18b799;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
.f-m-nav{ background-color: #222; margin:0; line-height: 50px; position: fixed;z-index: 9999; bottom: 0; width: 100%; overflow: hidden; display: none; }
.f-m-nav li{ float: left; width: 25%; text-align: center;}
.f-m-nav li a{ color: #fff;}
@media(max-width: 640px){
.m-pro-right li img{ height: 124px!important; }
#h-nav li{ border-left: 0; }
.m-youshi-left .bd{ padding:40px 15px; }
}